<template>
  <div class="home">
    <el-button @click="exportFile" type="primary">带样式导出3</el-button>
    <el-table :data="tableData" :border="true">
      <el-table-column prop="title" label="文章标题" width="280" />
      <el-table-column prop="litpic" label="文章图片地址" width="180" />
      <el-table-column prop="click" label="点击量" width="80" />
      <el-table-column prop="seo_description" label="文章描述" />
      <el-table-column prop="stock_count" label="收藏数" width="70" />
      <el-table-column prop="tempview" label="文章模板" width="120" />
      <el-table-column prop="add_time" label="发布时间" width="100" />
      <el-table-column prop="update_time" label="更新时间" width="100" />
    </el-table>
  </div>
</template>

<script>
import * as XLSX from 'xlsx';
function s2ab(s) {
  const buf = new ArrayBuffer(s.length);
  const view = new Uint8Array(buf);
  for (let i = 0; i !== s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
  return buf;
}
function saveAsFile(fileName, blob) {
  const link = document.createElement('a')
  link.href = URL.createObjectURL(blob);
  link.download = fileName;
  link.click();
  URL.revokeObjectURL(link.href)
}
export default {
  name: 'HomeView',
  data() {
    return {
      tableData: [
        {
          "title": "关于我们",
          "litpic": null,
          "click": 0,
          "seo_description": null,
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1526539465,
          "update_time": 1565225189
        },
        {
          "title": "公司简介",
          "litpic": null,
          "click": 0,
          "seo_description": null,
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1526540452,
          "update_time": 1564643404
        },
        {
          "title": "seo是什么？",
          "litpic": "\/uploads\/allimg\/20190114\/716fd8917b02cf71176639d7ad69da9c.png",
          "click": 132,
          "seo_description": "在了解seo是什么意思之后，才能学习seo。什么是seo，从官方解释来看，seo=Search（搜索）Engine（引擎）Optimization（优化），即搜索引擎优化。使用过百度或其他搜索引擎，在",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1526545072,
          "update_time": 1547462541
        },
        {
          "title": "回顾中国饮料40年发展史，总有一款是你儿时记忆的味道",
          "litpic": null,
          "click": 186,
          "seo_description": "对于记忆来说，味道往往是最美的，儿时喝过的饮料，至今回想起来依然觉得津津有味。今天是六一儿童节，青山资本梳理了中国40年来饮料发展的简史，权当节日的小消遣，顺便看看能否找到你记忆深处的那个味道？第一阶段：国人味蕾的开启时代百事可乐在华第一家工厂开业1981年，可口可乐在中国第一条生产线正式投产，主要供应旅游饭店，卖给外国人收取外汇，百事可乐也在深圳建立了第一家罐装厂。1982年，国家把饮料纳入“国家计划管理产品”，可口可乐开始在北京市场进行内销。",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1527824652,
          "update_time": 1531709817
        },
        {
          "title": "用户界面设计和体验设计的差别",
          "litpic": null,
          "click": 169,
          "seo_description": "有时候我们需要获取图集中的第一张图片，下面给出解决办法： 第一步：修改include\/extend.func.php 添加  \/\/ 提取图集第一张大图",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1526552582,
          "update_time": 1531711820
        },
        {
          "title": "新手科普文！什么是用户界面和体验设计？",
          "litpic": null,
          "click": 130,
          "seo_description": "在仿站时，我们常常会自定义很多字段，那么如何在首页调用呢，下面给出方法：一、指定channelid属性（channelid='17' 17是指内容模型里面指定的模型ID) 二、指定要调用出来的字段ad",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1526552685,
          "update_time": 1531711845
        },
        {
          "title": "一文读懂互联网女皇和她的报告：互联网领域的投资圣经、选股指南",
          "litpic": "\/uploads\/allimg\/20190114\/c0ee7f49917d9e1a8f834b625970a9d0.png",
          "click": 267,
          "seo_description": "北京时间 5 月 31 日凌晨，有“互联网女皇”之称的玛丽·米克尔发布了 2018 年的互联网趋势报告，这也是她第 23 年公布互联网报告。\r\n每年的互联网女皇报告几乎都会成为每个互联网创业者的必读报告。那么，互联网女皇是谁?为什么她的报告会如此受关注呢?",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1526552714,
          "update_time": 1547462473
        },
        {
          "title": "网站建设的五大核心要素",
          "litpic": "\/uploads\/allimg\/20190114\/d09702880ccf6d5ab5893c3116f1a5f0.jpg",
          "click": 160,
          "seo_description": "SEO描述",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1526608216,
          "update_time": 1547462639
        },
        {
          "title": "网站建设，静态页面和动态页面如何选择",
          "litpic": "\/uploads\/allimg\/20190114\/1621fb9e84a97e78b1c1cac6ec6b37bd.png",
          "click": 150,
          "seo_description": "网站建设，静态页面和动态页面如何选择　　电商网站建设为什么要使用静态页面制作。我们都知道，网站制作有分为静态页面制作和动态网页制作，那么建设电商网站采用哪种网站设计技术更好呢?　　我们建设网站最终目的",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1526609496,
          "update_time": 1547462449
        },
        {
          "title": "从三方面完美的体验企业网站的核心价值",
          "litpic": "http:\/\/www.eyoucms.com\/uploads\/allimg\/180426\/150RQ155-0.jpg",
          "click": 146,
          "seo_description": "从三方面完美的体验企业网站的核心价值　　随着互联网的迅猛发展，一个企业的发展离不开互联网的发展，企业注重企业网站建设，那么必然会给其带来不错的效果。企业网站建设其核心价值直接体现在网站对于用户和商家而",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1526610848,
          "update_time": 1526610848
        },
        {
          "title": "CMS是如何应运而生的？",
          "litpic": null,
          "click": 180,
          "seo_description": "随着网络应用的丰富和发展，很多网站往往不能迅速跟进大量信息衍生及业务模式变革的脚步，常常需要花费许多时间、人力和物力来处理信息更新和维护工作；遇到网站扩充的时候，整合内外网及分支网站的工作就变得更加复",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1526611606,
          "update_time": 1527557542
        },
        {
          "title": "网站设计与SEO的关系，高手是从这4个维度分析的！",
          "litpic": null,
          "click": 295,
          "seo_description": "SEO（搜索引擎优化）和有效的网站设计是齐头并进的。好的网站设计是关于创建一个吸引目标受众的网站，并让他们采取某种行动。但是，如果该网站不遵循目前的SEO最佳做法，它的排名将会受到影响，从而会导致真正",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1526611744,
          "update_time": 1531709637
        },
        {
          "title": "新闻模型下的图集",
          "litpic": "\/uploads\/allimg\/20190114\/e00be6cd175d973a064bbd42f76bd7cf.jpg",
          "click": 193,
          "seo_description": "新闻模型下的图集新闻模型下的图集新闻模型下的图集新闻模型下的图集新闻模型下的图集新闻模型下的图集新闻模型下的图集新闻模型下的图集新闻模型下的图集新闻模型下的图集新闻模型下的图集新闻模型下的图集新闻模型",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1526612277,
          "update_time": 1547462752
        },
        {
          "title": "新闻模型下的图集二",
          "litpic": "\/uploads\/allimg\/20190114\/5c9151abf9ab18003f8cc47887bc2b5c.jpg",
          "click": 289,
          "seo_description": "新闻模型下的图集二新闻模型下的图集二新闻模型下的图集二新闻模型下的图集二新闻模型下的图集二新闻模型下的图集二新闻模型下的图集二新闻模型下的图集二新闻模型下的图集二新闻模型下的图集二新闻模型下的图集二新",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1526612316,
          "update_time": 1547462702
        },
        {
          "title": "华为HUAWEI NOTE 8",
          "litpic": "\/uploads\/allimg\/20190319\/ef3caff1fe91f367fe4939d664a8a5da.jpg",
          "click": 289,
          "seo_description": "全向录音\/指向回放、定向免提、指关节手势、分屏多窗口、语音控制、情景智能、单手操作、杂志锁屏、手机找回、无线WIFI打印、学生模式、多屏互动、运动健康全向录音\/指向回放、定向免提、指关节手势、分屏多窗",
          "stock_count": 2991,
          "tempview": "view_product.htm",
          "add_time": 1526613043,
          "update_time": 1591262821
        },
        {
          "title": "小米笔记本Air 13.3",
          "litpic": "\/uploads\/allimg\/20190114\/66109e989148356eadb4ff1eee285826.jpg",
          "click": 149,
          "seo_description": "轻薄全金属机身\/256GBSSD\/第八代Intel酷睿i5处理器\/FHD全贴合屏幕\/指纹解锁\/office激活不支持7天无理由退货...",
          "stock_count": 2997,
          "tempview": "view_product.htm",
          "add_time": 1526613271,
          "update_time": 1591262850
        },
        {
          "title": " 小米蓝牙项圈耳机",
          "litpic": "\/uploads\/allimg\/20190114\/252a53e6fbc8f441b2570f755d2bbeb8.jpg",
          "click": 211,
          "seo_description": "特性M3平板定制AKG品牌高保真耳机，配合M3平板享受HiFi音质...",
          "stock_count": 2997,
          "tempview": "view_product.htm",
          "add_time": 1526613739,
          "update_time": 1591262874
        },
        {
          "title": "工程机械推土挖掘机类网站模板",
          "litpic": "\/uploads\/allimg\/20190114\/4873105f54a14f3785047bd8ecc8b5ac.jpg",
          "click": 261,
          "seo_description": "织梦新内核开发的模板，该模板属于企业通用、HTML5响应式、工程机械、挖掘机、推土机类企业使用，一款适用性很强的模板，基本可以适合各行业的企业网站！",
          "stock_count": 99999,
          "tempview": "view_download.htm",
          "add_time": 1526614069,
          "update_time": 1564565462
        },
        {
          "title": " dom编程-window对象",
          "litpic": "\/uploads\/allimg\/20190731\/81e62e05fe7cdfb5e9abc50852047dcf.gif",
          "click": 247,
          "seo_description": "DOM编程－window对象 回顾 请简述一下脚本执行的原理。 JavaScript中有哪些控制语句及其含义？ 如何创建一个有参函数以及如何调用它？ 预习检查 解释名词“根节点”、“子节点”和“相邻节点“。 window对象常用的属性有哪些？ 请解",
          "stock_count": 99999,
          "tempview": "view_download.htm",
          "add_time": 1526614168,
          "update_time": 1564623510
        },
        {
          "title": "社交媒体时代，如何对粉丝估值？",
          "litpic": "\/uploads\/allimg\/20190114\/0e4da9d3f8f983a36b7357b97ef4adad.jpg",
          "click": 239,
          "seo_description": "约翰·奎尔奇说，社交媒体有很多营销挑战，如何为粉丝来估值是一个大问题。从营销角度来思考，要关注强纽带和弱纽带。你可能以为，强纽带的密友产生最大的营销影响，研究发现不是这样的，产生更大的影响反而是跟你更疏远的人。演讲者｜约翰·奎尔奇（哈佛商学院教授，曾",
          "stock_count": 99999,
          "tempview": "view_article.htm",
          "add_time": 1527824837,
          "update_time": 1563520599
        },
        {
          "title": "华为无线快充手机",
          "litpic": "\/uploads\/allimg\/20190319\/8a405e72e2acf9c5a29da7341a0eff89.jpg",
          "click": 300,
          "seo_description": "全身都是科技亮点！7nm麒麟芯片，问鼎性能巅峰，4000万超广角徕卡三摄，随手捕捉大场面",
          "stock_count": 2997,
          "tempview": "view_product.htm",
          "add_time": 1527507844,
          "update_time": 1591262982
        },
        {
          "title": "商梦网校：单页SEO站群技术，用10个网站优化排名！",
          "litpic": "http:\/\/www.eyoucms.com\/uploads\/allimg\/180505\/3-1P505101H3447.png",
          "click": 118,
          "seo_description": "SEO很多伙伴都了解，就是搜索引擎排名优化，通过对网站内部和外部进行优化当用户搜索相应关键词时网站能够排名在搜索引擎前面，具体可以百度搜索“网络营销课程”查看商梦网校操作的案例！但单页SEO很多伙伴可能会有点陌生，单页SEO是将单页网站与内容内容结合为一体的SEO优化方案，主要是提升网站流量利用率让用户打开网站就能看到目标页面，转换更多订单，创造更多收益。单页SEO的操作理念也是由商梦网校提出，并一起推荐操作大家的模式。那什么又是单页SEO站群呢，因为操作SEO成功率并不是100%，也就是意味着你做了并不会绝对有排名。因为在任何时候搜索引擎，特别是百度的索引数据库里，只有60%的网页数量。也就是说，大量的网页它是没有收录进来，它本身的能力所限无法做到中文的所有几百亿个网页都收录进来。所以，对于大部分网站，都有被删除网页，没有排名，或被K的经历，或没有排名。处理办法：坦然面对这一切。一个网站的成本才多少钱？如果因此对SEO失去信心，那就是最大的失去了。不过我们也想到了一个更好的解决方案，这个方案在最早期我们开始操作，并且取得了非常不错的成绩就是“站群”，我们可以假设一个网站排名的机会为1",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1527555069,
          "update_time": 1531709578
        },
        {
          "title": "《颠覆营销:大数据时代的商业革命》：大数据“多即少，少即多”各种行销手段早已令人眼花缭乱",
          "litpic": null,
          "click": 218,
          "seo_description": "各种行销手段早已令人眼花缭乱，但究其本质都是在研究客户（消费者），研究客户的所想、所需，使产品或服务有的放矢。大数据时代又给它赋予了新名词：精准营销。大数据最先应用的领域多为面对客户的行业，最先应用的情景也多为精准营销。“酒好也怕巷子深”，产品或服务",
          "stock_count": 99999,
          "tempview": "view_article.htm",
          "add_time": 1527825125,
          "update_time": 1564545044
        },
        {
          "title": "VIVO X27 手机摄影",
          "litpic": "\/uploads\/allimg\/20190808\/17268e40477444ecbf11bcb643f321c2.jpg",
          "click": 261,
          "seo_description": "SEO（搜索引擎优化）和有效的网站设计是齐头并进的。好的网站设计是关于创建一个吸引目标受众的网站，并让他们采取某种行动。但是，如果该网站不遵循目前的 SEO 最佳做法，它的排名将会受到影响，从而会导致真正参与该网站的访问者的数量的较少。相反地，如果将",
          "stock_count": 99999,
          "tempview": "view_images.htm",
          "add_time": 1531731387,
          "update_time": 1565234124
        },
        {
          "title": "3C数码蓝牙耳机产品渲染",
          "litpic": "\/uploads\/allimg\/20190808\/1c3dabff0cbf24fb6667899396a866aa.jpg",
          "click": 277,
          "seo_description": "SEO（搜索引擎优化）和有效的网站设计是齐头并进的。好的网站设计是关于创建一个吸引目标受众的网站，并让他们采取某种行动。但是，如果该网站不遵循目前的 SEO 最佳做法，它的排名将会受到影响，从而会导致真正参与该网站的访问者的数量的较少。相反地，如果将",
          "stock_count": 99999,
          "tempview": "view_images.htm",
          "add_time": 1531732591,
          "update_time": 1565234167
        },
        {
          "title": "喷油耳机 建模渲染",
          "litpic": "\/uploads\/allimg\/20190808\/45b6f3f95d30a97cfa4a83d315b5c4f1.jpg",
          "click": 315,
          "seo_description": "SEO（搜索引擎优化）和有效的网站设计是齐头并进的。好的网站设计是关于创建一个吸引目标受众的网站，并让他们采取某种行动。但是，如果该网站不遵循目前的 SEO 最佳做法，它的排名将会受到影响，从而会导致真正参与该网站的访问者的数量的较少。相反地，如果将",
          "stock_count": 99999,
          "tempview": "view_images.htm",
          "add_time": 1531732811,
          "update_time": 1565234153
        },
        {
          "title": "About Us",
          "litpic": null,
          "click": 0,
          "seo_description": null,
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1545267531,
          "update_time": 1545272580
        },
        {
          "title": "Company Profile",
          "litpic": null,
          "click": 0,
          "seo_description": null,
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1545267531,
          "update_time": 1545272565
        },
        {
          "title": "Construction machinery bulldozer website template",
          "litpic": "http:\/\/www.eyoucms.com\/uploads\/allimg\/180426\/150RQ155-0.jpg",
          "click": 163,
          "seo_description": "Construction machinery bulldozer website template, download address：http:\/\/www.eyoucms.com\/moban\/16\/668.html",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1545268101,
          "update_time": 1547463855
        },
        {
          "title": "Website Template of Vocational Education and Training Institutions",
          "litpic": null,
          "click": 135,
          "seo_description": "Web template for vocational education and training institutions, download address: http:\/\/www.eyoucms.com\/moban\/10\/673.html",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1545268178,
          "update_time": 1545268305
        },
        {
          "title": "Customer Case I",
          "litpic": "\/uploads\/allimg\/20181220\/a0efe0c4c085eb9d900d580a2fc8b60d.jpg",
          "click": 181,
          "seo_description": null,
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1545268344,
          "update_time": 1545268466
        },
        {
          "title": "Customer Case II",
          "litpic": "\/uploads\/allimg\/20181220\/d7a2dfa72e8fad4b8c05ec5a2fb299b5.jpg",
          "click": 220,
          "seo_description": null,
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1545268484,
          "update_time": 1545268514
        },
        {
          "title": "Customer Case III",
          "litpic": "\/uploads\/allimg\/20181220\/3139826d5d18b0143de1f0888fcc12dc.jpg",
          "click": 197,
          "seo_description": null,
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1545268516,
          "update_time": 1545268563
        },
        {
          "title": "Millet Bluetooth Necklace Headset",
          "litpic": "\/uploads\/allimg\/20181220\/ed065072e34504da0ff9eb9c104f2d07.jpg",
          "click": 201,
          "seo_description": "Feature M3 Tablet Customized AKG Brand High Fidelity Headphones, with M3 Tablet Enjoy HiFi Sound Quality...",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1545268730,
          "update_time": 1545270011
        },
        {
          "title": "Millet notebook Air 13.3",
          "litpic": "\/uploads\/allimg\/20181220\/bb7a7206605841a2db4af30ba3585506.jpg",
          "click": 295,
          "seo_description": "Light and thin all-metal fuselage \/ 256GBSSD \/ 8th generation Intel Core i5 processor \/ FHD full-fit screen \/ fingerprint unlock \/ Office activation does not support 7 days without reason to return goods...",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1545270060,
          "update_time": 1545270139
        },
        {
          "title": "HUAWEI NOTE 8",
          "litpic": "\/uploads\/allimg\/20181220\/c63c2b41520e21784fdb272abfc77453.jpg",
          "click": 278,
          "seo_description": "Omnidirectional recording\/pointing playback, directional hands-free, finger joint gesture, split screen multi-window, voice control, situational intelligence, single-handed operation, magazine lock screen, mobile phone retrieval, wireless WIFI printing, student mode, multi-screen interaction, sports health omnidirectional recording\/pointing playback, directional hands-free, finger joint gesture, split screen multi-window",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1545270266,
          "update_time": 1545270361
        },
        {
          "title": "Apple iPhone 6s 16GB ",
          "litpic": "\/uploads\/allimg\/20181220\/ebbf9bd058529bfd47d2830835427e57.jpg",
          "click": 175,
          "seo_description": null,
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1545270365,
          "update_time": 1545270643
        },
        {
          "title": "Atlas under News Model",
          "litpic": "\/uploads\/allimg\/20181220\/d543bd229a479794186ec78b42753d6e.jpg",
          "click": 228,
          "seo_description": null,
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1545270757,
          "update_time": 1545270783
        },
        {
          "title": "Atlas II under News Model",
          "litpic": "\/uploads\/allimg\/20181220\/3dd707090ed329fb39e75c48292b7923.jpg",
          "click": 276,
          "seo_description": null,
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1545270788,
          "update_time": 1545270816
        },
        {
          "title": "Five Core Elements of Website Construction",
          "litpic": "\/uploads\/allimg\/20181220\/39229581e20d2e22e750df528a43fe71.jpg",
          "click": 245,
          "seo_description": "Five Core Elements of Website Construction　　In order to implement network marketing, enterprises need to make websites first. Website is composed of many Web pages, and the design of these pages directly affects whether the website can be welcomed by users. To judge the design of a homepage, we should consider it comprehensively from many aspects, not only whether it is vividly and beautifully designed, but also whether the website can be considered for users to the greatest extent.　　3. Product ",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1545270896,
          "update_time": 1547463745
        },
        {
          "title": "Experience the Core Value of Enterprise Website Perfectly from Three Aspects",
          "litpic": "\/uploads\/allimg\/20181220\/4d466f39dde9e64d762cd50b51566286.jpg",
          "click": 226,
          "seo_description": "Experience the Core Value of Enterprise Website Perfectly from Three Aspects　　With the rapid development of the Internet, the development of an enterprise can not be separated from the development of the Internet. Enterprises pay attention to the construction of enterprise websites, then it will inevitably bring good results. The core value of enterprise website construction is directly reflected in whether the website can satisfy the interests and needs of users and businessmen, improve the dev",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1545270965,
          "update_time": 1545270965
        },
        {
          "title": "Looking back on the 40-year history of beverages in China, there is always a taste of your childhood",
          "litpic": null,
          "click": 244,
          "seo_description": "Looking back on the 40-year history of Chinese beverage development, there is always a taste of your childhood memory. For memory, the taste is often the most beautiful. The beverage you drank in childhood is still enjoyable in retrospect.Today is the June 1 children&#39;s day. Qingshan capital has compiled a brief history of China&#39;s beverage development in the past 40 years, and it can be a holiday pastime. By the way, can you find the smell in your memory?The First Stage: The Opening Age o",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1545271038,
          "update_time": 1545271038
        },
        {
          "title": "How to value fans in the age of social media?",
          "litpic": "\/uploads\/allimg\/20181220\/040eb84875a8067b81c27177cd7ec95b.jpg",
          "click": 215,
          "seo_description": "John Quilch says that social media has many marketing challenges, and how to value fans is a big problem. From the marketing point of view, we should pay attention to strong ties and weak ties. You may think that strong bonds have the greatest marketing impact. Research has found that it&#39;s not like this, but people who are more distant from you.Speaker John Quilch(Professor of Harvard Business School, former Dean of London Business School and Vice Dean of CEIBS)Thank you very much for coming",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1545271071,
          "update_time": 1545271071
        },
        {
          "title": "&quot;Subversive Marketing: Business Revolution in the Big Data Age&quot;: Big Data &quot;More Is Less, Less Is Mor",
          "litpic": null,
          "click": 227,
          "seo_description": "Various marketing methods have long been dazzling, but the essence is to study customers (consumers), research the needs and needs of customers, and make products or services targeted. The era of big data has given it a new term: precision marketing. The first areas where big data is applied are mostly for the customer-facing industry. The first application scenarios are mostly precision marketing.“Wine is good, and the alley is deep.” Information about products or services should be delivered t",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1545271135,
          "update_time": 1545271135
        },
        {
          "title": "What is seo?",
          "litpic": "\/uploads\/allimg\/20181220\/381e3fccc694fff578a861c93628ce15.jpg",
          "click": 126,
          "seo_description": "After learning what seo means, you can learn seo.What is seo, from the official explanation, seo=Search Engine Optimization, which is search engine optimization.Use Baidu or other search engines, enter a certain keyword in the search box, such as the wrought iron gate, the top is with the ad typeface, the background is slightly different is the bidding position, which is commonly known as the sem position.Seo is an online marketing method based on search engine marketing. Through seo technology,",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1545271278,
          "update_time": 1545271278
        },
        {
          "title": "How did CMS come into being?",
          "litpic": null,
          "click": 106,
          "seo_description": "With the enrichment and development of web applications, many websites often cannot quickly follow the footsteps of a large amount of information derivation and business model changes. It often takes a lot of time, manpower and material resources to handle information update and maintenance work. When encountering website expansion, The integration of internal and external networks and branch sites has become more complicated, and even the need to rebuild the website; so, users continue to upgra",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1545271999,
          "update_time": 1545271999
        },
        {
          "title": "The relationship between website design and SEO, the master is analyzed from these four dimensions!",
          "litpic": null,
          "click": 113,
          "seo_description": "SEO (Search Engine Optimization) and effective website design go hand in hand. Good website design is about creating a website that appeals to your target audience and letting them take some action. However, if the site does not follow current SEO best practices, its ranking will be affected, resulting in fewer visitors actually participating in the site.Conversely, if you focus on search engine optimization and how to please search engine spiders, then the site may rank high and get a lot of se",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1545272020,
          "update_time": 1545272020
        },
        {
          "title": "Shangmeng.com: Single-page SEO station group technology, with 10 websites to optimize the ranking!",
          "litpic": "\/uploads\/allimg\/20181220\/b20b37ff3af3fad04716faa97b5bb584.png",
          "click": 167,
          "seo_description": "Many SEO partners understand that search engine ranking optimization is optimized by internal and external websites. When users search for corresponding keywords, the website can be ranked in front of the search engine. Specifically, Baidu search &quot;network marketing course&quot; to view the operation of Shangmeng. Case!But a single page SEO many partners may be a bit strange, single-page SEO is a SEO optimization program that combines a single-page website with content content, mainly to imp",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1545272059,
          "update_time": 1545272059
        },
        {
          "title": "Differences in user interface design and experience design",
          "litpic": null,
          "click": 172,
          "seo_description": "Note: The User Interface (UI) design is one of several interdisciplinary topics involved in designing software products. Whether it is user experience (UX, User Experience), interaction design (ID, Interaction Design), or visual \/ graphic design (Visual \/ Graphic Design), can involve user interface design.First, what is the user interface design?Broadly speaking, the user interface is the medium through which people interact with machines. The user issues an instruction to the machine, and the m",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1545272146,
          "update_time": 1545272146
        },
        {
          "title": "Novice science! What is the user interface and experience design?",
          "litpic": null,
          "click": 203,
          "seo_description": "Z Yuhan: User Interface (UI) design is one of several interdisciplinary topics involved in designing software products. Whether it is user experience (UX, User Experience), interaction design (ID, Interaction Design), or visual \/ graphic design (Visual \/ Graphic Design), can involve user interface design.First, what is the user interface design?Broadly speaking, the user interface is the medium through which people interact with machines. The user issues an instruction to the machine, and the ma",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1545272183,
          "update_time": 1545272183
        },
        {
          "title": "Read the Internet Queen and her report: Investment in the Internet, Bible, stock selection guide",
          "litpic": "\/uploads\/allimg\/20181220\/bd62f1623a6a7b4b3a32e6045bff14a3.jpg",
          "click": 166,
          "seo_description": "In the early morning of May 31st, Beijing time, Mary Mickel, who is known as the “Queen of the Internet”, published the Internet Trend Report for 2018, which is the 23rd year of her Internet report.The annual Internet Queen&#39;s report will almost always become a must-read report for every Internet entrepreneur. So, who is the Internet Queen? Why is her report so concerned?Internet Queen: The symbol of Wall Street in the 90sIn September 1958, Mary Meeker was born in Indiana, USA.In 1982, Mikel ",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1545272227,
          "update_time": 1545272227
        },
        {
          "title": "Website construction, static pages and dynamic pages how to choose",
          "litpic": "\/uploads\/allimg\/20181220\/4e7474448185b797c4c1d796b3e581fe.jpg",
          "click": 151,
          "seo_description": "Website construction, static pages and dynamic pages how to chooseWhy should e-commerce website construction use static page production? We all know that website production is divided into static page production and dynamic web page production. So which website design technology is better for building e-commerce websites?The ultimate goal of our website is to provide users with a view, so it is most practical to think from the user's point of view. Although the dynamic webpage creation techn",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1545272283,
          "update_time": 1547463680
        },
        {
          "title": "业务推广专员",
          "litpic": null,
          "click": 261,
          "seo_description": "工作内容：1、负责公司手机游戏产品的在线推广；2、做好每天的推广统计，定制有效的投放策略并执行；3、完成每天的业绩要求，只要你努力，月入过万不是梦职位要求：1学历不限，欢迎优秀应届生（优秀者可放宽）；男女不限，19~24岁2.亲和力强、沟通流畅、重点",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1563528028,
          "update_time": 1563528211
        },
        {
          "title": "网络编辑员",
          "litpic": null,
          "click": 470,
          "seo_description": "岗位职责：1、负责网站相关栏目、信息的搜集、编辑、发布等工作。2、完成信息内容的策划和日常信息的更新与维护。3、编写网站宣传资料及相关产品信息。4、配合部门编辑策划推广活动。5、部门总监下发的其他任务。任职资格：1、编辑、新闻、中文等相关专业优先，大",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1563528241,
          "update_time": 1563528292
        },
        {
          "title": "荣誉证书一",
          "litpic": "\/uploads\/allimg\/20190722\/7a6063154f58f9b76042c01674cfeb34.jpg",
          "click": 191,
          "seo_description": null,
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1563761544,
          "update_time": 1563761544
        },
        {
          "title": "荣誉证书二",
          "litpic": "\/uploads\/allimg\/20190722\/9bcc063da2a8b6cfa394f8ce55264c86.jpg",
          "click": 215,
          "seo_description": null,
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1563761561,
          "update_time": 1563761561
        },
        {
          "title": "荣誉证书三",
          "litpic": "\/uploads\/allimg\/20190722\/72c23e63ccabc9e3f42b16dfab17cf4e.jpg",
          "click": 245,
          "seo_description": null,
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1563761575,
          "update_time": 1563761575
        },
        {
          "title": "荣誉证书四",
          "litpic": "\/uploads\/allimg\/20190722\/a519a45ce1f695da6bb656fb6f4ddcb5.jpg",
          "click": 182,
          "seo_description": null,
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1563761589,
          "update_time": 1563761589
        },
        {
          "title": "联系我们",
          "litpic": null,
          "click": 0,
          "seo_description": null,
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1563761946,
          "update_time": 1564645627
        },
        {
          "title": "Apple iPhone 8 Plus (A1899) 64GB 深空灰色 移动联通4G手机",
          "litpic": "\/uploads\/allimg\/20190731\/582042862ba0d06c9408a9a1e669a067.jpg",
          "click": 233,
          "seo_description": "主体品牌Apple型号iPhone 8 Plus入网型号A1899上市年份2017年上市月份以官网信息为准基本信息机身颜色深空灰色机身长度（mm）158.4机身宽度（mm）78.1机身厚度（mm）7.5机身重量（g）202输入方式触控运营商标志或内容",
          "stock_count": 99999,
          "tempview": "view_product.htm",
          "add_time": 1564539099,
          "update_time": 1591263033
        },
        {
          "title": "小米8屏幕指纹版 6GB+128GB 黑色 全网通4G 双卡双待 全面屏拍照智能游戏手机",
          "litpic": "\/uploads\/allimg\/20190731\/c4539460b957fea39a9db19e61eb0afe.jpg",
          "click": 132,
          "seo_description": "主体品牌小米（MI）型号小米8屏幕指纹版入网型号以官网信息为准上市年份2018年上市月份9月基本信息机身颜色黑色机身长度（mm）154.9机身宽度（mm）74.8机身厚度（mm）7.6机身重量（g）177运营商标志或内容无机身材质分类玻璃后盖操作系统",
          "stock_count": 2997,
          "tempview": "view_product.htm",
          "add_time": 1564539940,
          "update_time": 1591263065
        },
        {
          "title": "计算机软件系统故障及维护",
          "litpic": "\/uploads\/allimg\/20190731\/0c8845e11a94b0f765ab24259c5b06b9.gif",
          "click": 275,
          "seo_description": "WindowsXP操作系统原理使用系统维护工具系统启动故障的修复病毒防治的一般方法循辱魂币禾赫促陛醛放忆蛔睡钱佯回改波坏敏寄锈掳长提每臣传遥抄个似计算机软件系统故障及维护计算机软件系统故障及维护13.1.1WindowsXP的架构特点WindowsX",
          "stock_count": 99999,
          "tempview": "view_download.htm",
          "add_time": 1564565735,
          "update_time": 1564623457
        },
        {
          "title": "计算机软件系统故障及维护2",
          "litpic": "\/uploads\/allimg\/20190808\/682be7153d02d14890144bef217149d1.jpg",
          "click": 224,
          "seo_description": "Windows操作系统只能使用2 GB,64位可使用4 GB)。接下来,NTLDR启动内建的微型文件系统驱动通过这个步骤,使NTLDR可以识别每一个用NTFS或FAT文件系统格式操作系统只能使用2 GB,64位可使用4 GB)",
          "stock_count": 99999,
          "tempview": "view_download.htm",
          "add_time": 1564566264,
          "update_time": 1565225779
        },
        {
          "title": "鼠标封面设计",
          "litpic": "\/uploads\/allimg\/20190808\/b1f94bd8a0feba4062fa19d795099af4.jpg",
          "click": 259,
          "seo_description": "软件开发是根据用户要求建造出软件系统或者系统中的软件部分的过程。软件开发是一项包括需求捕捉，需求分析，设计，实现和测试的系统工程。软件一般是用某种程序设计语言来实现的。通常采用软件开发工具可以进行开发。软件分为系统软件和应用软件。 软件并不",
          "stock_count": 99999,
          "tempview": null,
          "add_time": 1565161115,
          "update_time": 1565232857
        }
      ]
    }
  },
  methods: {
    /**
     * 参考文件1.https://www.jb51.net/javascript/296585aav.htm
     * 参考文件1.https://developer.aliyun.com/article/1587108
     */
    exportFile() {
      const wb = XLSX.utils.book_new();
      const ws = XLSX.utils.json_to_sheet(this.tableData);
      ///表格列宽度设置
      ws["!cols"] = [
        {
          wpx: 500
        }, {
          wpx: 400
        }, {
          wpx: 50
        }, {
          wpx: 500
        }, {
          wpx: 50
        }, {
          wpx: 150
        }, {
          wpx: 120
        }, {
          wpx: 120
        },
      ]
      //表格单元格合并
      ws["!merges"] = [
        {
          s: { r: 0, c: 0 },
          e: { r: 1, c: 0 }
        }, {
          s: { r: 0, c: 1 },
          e: { r: 1, c: 1 }
        }, {
          s: { r: 0, c: 2 },
          e: { r: 1, c: 2 }
        }, {
          s: { r: 0, c: 3 },
          e: { r: 1, c: 3 }
        }, {
          s: { r: 0, c: 4 },
          e: { r: 1, c: 4 }
        }, {
          s: { r: 0, c: 5 },
          e: { r: 1, c: 5 }
        }, {
          s: { r: 0, c: 6 },
          e: { r: 1, c: 6 }
        }, {
          s: { r: 0, c: 7 },
          e: { r: 1, c: 7 }
        }
      ]
      XLSX.utils.book_append_sheet(wb, ws, "我的第一个工作表");
      const excelBinaryString = XLSX.write(wb, { type: 'binary' });
      const blob = new Blob([s2ab(excelBinaryString)], { type: 'application/octet-stream' });
      const fileName = "前端导出的报表.xlsx"
      saveAsFile(fileName, blob)
    }

  }
}
</script>
